<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>display属性</title>
</head>
<style>
    /*值	     说明*/
    /*block	块级元素的默认值，元素会被显示为块级元素，该元素前后会带有换行符*/
    /*inline	内联元素的默认值。元素会被显示为内联元素，该元素前后没有换行符*/
    /*inline-block	行内块元素，元素既具有内联元素的特性，也具有块元素的特性*/
    /*none	设置元素不会被显示*/
    #p1{
        border: 1px solid black;
        height: 200px;
        width: 200px;
        display: block;/*block设置为块级元素，inline设置为行内元素，inline-block设置为块级元素和行内元素，none设置为隐藏*/
    }
</style>
<body>
<span id="p1">
    span标签
</span>
<span id="p2">
    span标签
</span>
</body>
</html>